<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" >
    <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/apple-icon.png" >
    <link rel="icon" type="image/png" href="./assets/img/favicon.png" >
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >

    <title>我爱面试后台</title>

    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' name='viewport' >
    <meta name="viewport" content="width=device-width" >

    <!-- Bootstrap core CSS     -->
    <link href="./assets/css/bootstrap.min.css" rel="stylesheet" >

    <!--  Paper Dashboard CSS    -->
    <link href="./assets/css/amaze.css" rel="stylesheet" >

    <!--  CSS for Demo Purpose, don't include it in your project     -->
    <link href="./assets/css/demo.css" rel="stylesheet" >

    <!--     Fonts and icons     -->
    <link href="./assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="./assets/css/font-muli.css" rel='stylesheet' type='text/css'>
    <link href="./assets/css/themify-icons.css" rel="stylesheet">

    <link href="./assets/vendors/sweetalert/css/sweetalert2.min.css" rel="Stylesheet" >



</head>

<body>
    <div class="wrapper">
		<div class="sidebar" data-background-color="brown" data-active-color="danger">

            <div class="logo">
                <a href="#" class="simple-text">
                    我爱面试后台
                </a>
            </div>
            <div class="logo logo-mini">
                <a href="#" class="simple-text">
                    A
                </a>
            </div>
            <div class="sidebar-wrapper">
                <ul class="nav">
                    <li class="active">
                        <a href="index.html">
                            <i class="ti-panel"></i>
                            <p>仪表盘</p>
                        </a>
                    </li>
                    <li>
                        <a data-toggle="collapse" href="#forms" class="collapsed" aria-expanded="false">
                            <i class="ti-clipboard"></i>
                            <p>
                                文章管理
                                <b class="caret"></b>
                            </p>
                        </a>
                        <div class="collapse" id="forms" role="navigation" aria-expanded="false" style="height: 0px;">
                            <ul class="nav">
                                <li><a href="management/publish_article.html">发布文章</a></li>
                                <li><a href="management/select_article.html">文章列表</a></li>
                            </ul>
                        </div>
                    </li>

                    <li>
                        <a data-toggle="collapse" href="#forms1" class="collapsed" aria-expanded="false">
                            <i class="ti-view-list-alt"></i>
                            <p>
                                博客管理
                                <b class="caret"></b>
                            </p>
                        </a>
                        <div class="collapse" id="forms1" role="navigation" aria-expanded="false" style="height: 0px;">
                            <ul class="nav">
                                <li><a href="./management/classify_article.html">文章分类管理</a></li>
                                <li><a href="./management/label_article.html">文章标签管理</a></li>
                            </ul>
                        </div>
                    </li>

                </ul>
            </div>
        </div>
        <div class="main-panel">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-minimize">
                        <button id="minimizeSidebar" class="btn btn-round btn-white btn-fill btn-just-icon">
							<i class="ti-arrow-left"></i>
                        </button>
                    </div>
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#"> 指示板 </a>
                    </div>
                    <div class="collapse navbar-collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="ti-user"></i>
                                    <p class="hidden-lg hidden-md">
                                        Notifications
                                        <b class="caret"></b>
                                    </p>
                                </a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">账户登录</a>
                                    </li>
                                    <li>
                                        <a href="#">注册账户</a>
                                    </li>
                                    <li>
                                        <a href="#" id="logout">退出登录</a>
                                    </li>
                                </ul>
                            </li>

                            <li class="separator hidden-lg hidden-md"></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <div class="content" >
                <div class="container-fluid">
                    <div class="row" id="app">
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="card">
                                <div class="content">
                                    <div class="row">
                                        <div class="col-xs-5">
                                            <div class="icon-big icon-warning text-center">
                                                <i class="ti-stats-up"></i>
                                            </div>
                                        </div>
                                        <div class="col-xs-7">
                                            <div class="numbers">
                                                <p>文章数量</p>
                                                {{article_Count}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="card">
                                <div class="content">
                                    <div class="row">
                                        <div class="col-xs-5">
                                            <div class="icon-big icon-danger text-center">
                                                <i class="ti-receipt"></i>
                                            </div>
                                        </div>
                                        <div class="col-xs-7">
                                            <div class="numbers">
                                                <p>分类数量</p>
                                                {{title_Count}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="card">
                                <div class="content">
                                    <div class="row">
                                        <div class="col-xs-5">
                                            <div class="icon-big icon-success text-center">
                                                <i class="ti-crown"></i>
                                            </div>
                                        </div>
                                        <div class="col-xs-7">
                                            <div class="numbers">
                                                <p>标签数量</p>
                                                {{cata_Count}}
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-sm-6">
                            <div class="card">
                                <div class="content">
                                    <div class="row">
                                        <div class="col-xs-5">
                                            <div class="icon-big icon-info text-center">
                                                <i class="ti-comment"></i>
                                            </div>
                                        </div>
                                        <div class="col-xs-7">
                                            <div class="numbers">
                                                <p>评论数量</p>
                                                {{pinglun_Count}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>




                    <div class="row">
                        <div class="col-md-6">
                            <div class="card" style="min-height: 350px">
                                <div class="header card-header-icon">

                                    <h4 class="title"><i class="ti-pulse"></i> 文章添加走势图
                                    </h4>
                                </div>
                                <div class="content">
                                    <div class="chart-edge">
                                        <div id="line-chart" class="demo-placeholder"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6" id="app1">
                            <div class="card card-circle-chart" data-background="color" data-color="orange" style="min-height: 350px">
                                <div class="header text-center">
                                    <h5 class="title">这个月添加了多少篇文章</h5>
                                </div>
                                <div class="content">
                                    <div id="chartNewVisitors" class="chart-circle" data-percent="95">{{yue}}篇</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="card card-circle-chart" data-background="color" data-color="brown" style="min-height: 350px">
                                <div class="header text-center">
                                    <h5 class="title">平均每个月添加了多少篇文章</h5>
                                </div>
                                <div class="content">
                                    <div id="chartSubscriptions" class="chart-circle" data-percent="9">10篇</div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
            <footer class="footer">
                <div class="container-fluid">
                    <nav class="pull-left">
                        <ul>
                            <li>
                                <a href="http://boke.huitoushian.cn" target="_blank">
                                    我的博客
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <p class="copyright pull-right">
                        &copy;
                        <script>
                            document.write(new Date().getFullYear())
                        </script>
                        <a href="http://www.17sucai.com/">胡安民</a>
                    </p>
                </div>
            </footer>
         </div>
    </div>



<script src="../code/public_code.js"></script>
<!--   Core JS Files   -->
<script src="./assets/vendors/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="./assets/vendors/jquery-ui.min.js" type="text/javascript"></script>
<script src="./assets/vendors/bootstrap.min.js" type="text/javascript"></script>
<script src="./assets/vendors/material.min.js" type="text/javascript"></script>
<script src="./assets/vendors/perfect-scrollbar.jquery.min.js" type="text/javascript"></script>

    <!-- Forms Validations Plugin -->
    <script src="./assets/vendors/jquery.validate.min.js"></script>
    <!--  Plugin for Date Time Picker and Full Calendar Plugin-->
    <script src="./assets/vendors/moment.min.js"></script>
    <!--  Charts Plugin -->
    <script src="./assets/vendors/chartist.min.js"></script>
    <!--  Plugin for the Wizard -->
    <script src="./assets/vendors/jquery.bootstrap-wizard.js"></script>
    <!--  Notifications Plugin    -->
    <script src="./assets/vendors/bootstrap-notify.js"></script>
    <!-- DateTimePicker Plugin -->
    <script src="./assets/vendors/bootstrap-datetimepicker.js"></script>
    <!-- Vector Map plugin -->
    <script src="./assets/vendors/jquery-jvectormap.js"></script>
    <!-- Sliders Plugin -->
    <script src="./assets/vendors/nouislider.min.js"></script>
    <!-- Select Plugin -->
    <script src="./assets/vendors/jquery.select-bootstrap.js"></script>
    <!--  DataTables.net Plugin    -->
    <script src="./assets/vendors/jquery.datatables.js"></script>
    <!-- Sweet Alert 2 plugin -->
    <script src="./assets/vendors/sweetalert/js/sweetalert2.min.js"></script>
    <!--	Plugin for Fileupload, full documentation here: http://www.jasny.net/bootstrap/javascript/#fileinput -->
    <script src="./assets/vendors/jasny-bootstrap.min.js"></script>
    <!--  Full Calendar Plugin    -->
    <script src="./assets/vendors/fullcalendar.min.js"></script>
    <!-- TagsInput Plugin -->
    <script src="./assets/vendors/jquery.tagsinput.js"></script>
    <!-- Material Dashboard javascript methods -->
    <script src="./assets/js/amaze.js"></script>
    <!-- Material Dashboard DEMO methods, don't include it in your project! -->
    <script src="./assets/js/demo.js"></script>


<!--  Charts Plugin -->
    <script src="assets/vendors/charts/flot/jquery.flot.js"></script>
    <script src="assets/vendors/charts/flot/jquery.flot.resize.js"></script>
    <script src="assets/vendors/charts/flot/jquery.flot.pie.js"></script>
    <script src="assets/vendors/charts/flot/jquery.flot.stack.js"></script>
    <script src="assets/vendors/charts/flot/jquery.flot.categories.js"></script>
    <script src="assets/js/charts/flot-charts.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="assets/js/http_cdn.staticfile.org_vue-resource_1.5.1_vue-resource.js"></script>
    <script src="../code/js-cookie.js"></script>


    <script>
        var login= getCookie("login")
        if(login==null){
            location.href="user/login.html"
        }
    </script>


    <script>



       new Vue({
            el: '#app',
            data:{
                article_Count: "",
                title_Count: "",
                cata_Count: "",
                pinglun_Count:""

            },
            created(){
                var c=new Date();
                //发送get请求
                this.$http.get('http://'+http_ip+':8083/feign_article/count').then(function (res) {
                    this. article_Count = res.bodyText
                }, function () {
                    console.log('请求失败处理');
                });

                //发送get请求
                this.$http.get('http://'+http_ip+':8083/feign_title/count').then(function (res) {
                    this.  title_Count = res.bodyText
                }, function () {
                    console.log('请求失败处理');
                });


                //发送get请求
                this.$http.get('http://'+http_ip+':8083/feign_catalogue/count').then(function (res) {
                    this. cata_Count= res.bodyText
                }, function () {
                    console.log('请求失败处理');
                });


                //发送get请求
                this.$http.get('http://'+http_ip+':10087/comment/count').then(function (res) {
                    this.pinglun_Count= res.bodyText
                }, function () {
                    console.log('请求失败处理');
                });


            },
            methods:{

            }
        })


       new Vue({
            el: '#app1',
            data:{
                yue:""
            },
            created(){
                //发送get请求
                this.$http.get("http://"+http_ip+":8083/feign_article/count_time?time1="+c.getFullYear()+"-"+(c.getMonth()+1)+"-01&&time2="+c.getFullYear()+"-"+(c.getMonth()+1)+"-31").then(function (res) {

                    this.yue= res.bodyText
                }, function () {
                    console.log('请求失败处理');
                });

            }
        })



       //注销登录
        $("#logout").click(function () {
            delCookie("login")

            location.reload()

        })





    </script>



</body>
</html>
